<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="pl" uri="http://uyunsky.cn/jstl/pl"%>
<head>
    <%--为追求极致性能,这里的头部引用全部手写--%>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

    <!-- css -->
    <pl:import src="/bootstrap/lib/bootstrap/css/bootstrap.css"/>
    <pl:import src="/bootstrap/lib/font-awesome/css/font-awesome.css"/>
    <pl:import src="/bootstrap/stylesheets/theme.css"/>

    <!-- javascript lib -->
    <pl:import src="/js/jquery.min.js"/>
    <pl:import src="/bootstrap/lib/bootstrap/js/bootstrap.js"/>

    <script type="text/javascript">
        function SetFrameHeight() {
            var iframeid = document.getElementById("page_iframe"); //iframe id
            if (document.getElementById) {
                if (iframeid && !window.opera) {
                    if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight) {
                        iframeid.height = iframeid.contentDocument.body.offsetHeight;
                    } else if (iframeid.document && iframeid.document.body.scrollHeight) {
                        iframeid.height = iframeid.document.body.scrollHeight;
                    }
                }
            }
        }

        function GoPage(url) {
            document.getElementById('page_iframe').src = url;
        }
    </script>
</head>

<body>
<div class="content">
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="alert alert-info">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>Just a quick note:</strong> Hope you like the theme!
            </div>

            <div class="row-fluid">
                <div class="block span6">
                    <a href="#tablewidget" class="block-heading" data-toggle="collapse">Users<span
                            class="label label-warning">+10</span></a>

                    <div id="tablewidget" class="block-body collapse in">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>First Name</th>
                                <th>Last Name</th>
                                <th>Username</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>Mark</td>
                                <td>Tompson</td>
                                <td>the_mark7</td>
                            </tr>
                            <tr>
                                <td>Ashley</td>
                                <td>Jacobs</td>
                                <td>ash11927</td>
                            </tr>
                            <tr>
                                <td>Audrey</td>
                                <td>Ann</td>
                                <td>audann84</td>
                            </tr>
                            <tr>
                                <td>John</td>
                                <td>Robinson</td>
                                <td>jr5527</td>
                            </tr>
                            <tr>
                                <td>Aaron</td>
                                <td>Butler</td>
                                <td>aaron_butler</td>
                            </tr>
                            <tr>
                                <td>Chris</td>
                                <td>Albert</td>
                                <td>cab79</td>
                            </tr>
                            </tbody>
                        </table>
                        <p><a href="users.html">More...</a></p>
                    </div>
                </div>

                <div class="block span6">
                    <a href="#widget1container" class="block-heading" data-toggle="collapse">Collapsible </a>

                    <div id="widget1container" class="block-body collapse in">
                        <h2>Here's a Tip</h2>

                        <p>This template was developed with <a href="http://middlemanapp.com/"
                                                               target="_blank">Middleman</a>
                            and includes .erb layouts and views.</p>

                        <p>All of the views you see here (sign in, sign up, users, etc) are already split up so you
                            don't
                            have to waste your time doing it yourself!</p>

                        <p>The layout.erb file includes the header, footer, and side navigation and all of the views
                            are
                            broken out into their own files.</p>

                        <p>If you aren't using Ruby, there is also a set of plain HTML files for each page, just
                            like you
                            would expect.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


</div>
</body>

